@spacePrefix: ant-space;

.@{spacePrefix} {
  display: inline-flex;

  // 排列方向
  &-horizontal {
    flex-direction: row;
  }

  &-vertical {
    flex-direction: column;
  }

  // 自动换行
  &-wrap {
    flex-wrap: wrap;
  }

  // 交叉轴对齐方式
  &-align {
    &-start {
      align-items: flex-start;
    }

    &-end {
      align-items: flex-end;
    }

    &-center {
      align-items: center;
    }

    &-baseline {
      align-items: baseline;
    }
  }

  // 主轴对齐方式
  &-justify {
    &-start {
      justify-content: flex-start;
    }

    &-end {
      justify-content: flex-end;
    }

    &-center {
      justify-content: center;
    }

    &-space-around {
      justify-content: space-around;
    }

    &-space-between {
      justify-content: space-between;
    }
  }
}
